<!--
 * @Author: zouhan 3376679936@qq.com
 * @Date: 2023-04-22 15:50:13
 * @LastEditors: 邹涵 zouh@wizpower.com
 * @LastEditTime: 2024-08-02 11:02:35
 * @FilePath: \demo_front\src\App.vue
-->
<template>
  <div id="app">
    <!-- 如果做大屏用这个插件 -->
    <!-- <ScaleBox
      :width="2680"
      :height="3840"
      bgc="transparent"
      :delay="100"
      :isFlat="false"
    > -->
    <router-view  style="height: 100%;width: 100%;"/>
  <!-- </ScaleBox> -->
  </div>
</template>

<script >
import DevicePixelRatio from '../src/utils/evicePixelRatio'

// import { createApp } from 'vue';
// import { registerMicroApps, start } from 'fusuma';
// import ScaleBox from 'vue2-scale-box'

export default {
  // components: {
  //   ScaleBox
  // },
  name: 'App',
  data(){
    return {
      // size: { // 适配尺寸
      //   width: 1980,
      //   height: 1080,
      // },
    }
  },
  mounted() {
    new DevicePixelRatio().init();
    // registerMicroApps([{
    //   name: 'my-microapp',
    //   entry: 'http://localhost:8080',
    //   container: this.$refs.microapp,
    //   activeRule: '/my-microapp',
    // }]);

    // start();
  }
}
</script>

<style lang="scss">
#app {
  width: 100%;
  height: 100%;
  min-width: 1910px;
  min-height: 780px;
  font-family: Avenir, Helvetica, Arial, sans-serif;
  box-sizing: border-box;
  background-color: red($color: #000000);
  // 隐藏x轴滚动条
  // overflow-x: hidden;
  // 隐藏y轴滚动条
  //overflow-y: hidden;
}
body{
  margin: 0;
  width: 100%;
  height: 100%;
  background-color: #F6F6F6;
}
</style>
